﻿


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic);

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.hero{
    background-image : url("https://farm9.staticflickr.com/8169/7938957428_86ee51a9cd_o.jpg");
    background-size : cover;
    position : relative;
    width : 100%;
    height : 580px;
    left : 0;
    right:0;
    overflow :hidden;
    
}

.body-content-main {

}

.body-content-main-margin-top {
    width : 100%;
    height : 400px;
    display :inline-block;
    margin-top : 10%;
    margin-bottom : 5%;
    background-size : cover;
    /*background-image:url("http://farm9.staticflickr.com/8222/8254861601_1fbf969a14_b.jpg");*/
    background-color:ActiveCaption;
    position : relative;
    padding: 10%;
    padding-left:38%;
}


.hero-text{
    
    text-align : match-parent;
    font-family : "Lato", "Helvetica Neue", Arial;
    font-size : 37px;
    font-weight : 300;
    color : #fff;
    text-shadow : 1px 1px 1px rgba(0,0,0,0.65);
    
}

.hero-p-text{
    
    text-align : match-parent;
    font-family : "Lato", "Helvetica Neue", Arial;
    font-size : 15px;
    font-weight : 300;
    color : #d6e147;
    text-shadow : 1px 1px 1px rgba(0,0,0,0.65);
    
}

.hero-htwo-text
{
    text-align : match-parent;
    font-family : "Lato", "Helvetica Neue", Arial;
    font-size : 37px;
    font-weight : 300;
    color : #a72e2e;
    text-shadow : 1px 1px 1px rgba(0,0,0,0.65);
}

.hero-text-black
{
     text-align : match-parent;
    font-family : "Lato", "Helvetica Neue", Arial;
    font-size : 37px;
    font-weight : 300;
    color : rgba(0,0,0,0.65);
    text-shadow : 1px 1px 1px rgba(0,0,0,0.65);
}
.animated{
     -webkit-animation: fadein 2s;
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.custom_button{
    display : inline-block;
    vertical-align :middle;
    zoom:1;
    border:2px solid #fff;
    border-radius:4px;
    font-size:16px;
    font-weight:400;
    background : rgba(0,0,0,0.15);
    text-shadow :1px 1px 1px rgba(0,0,0,0.1);
    transition :all 0.2s linear;
}

.custom-primary-button{
    display : inline-block;
    vertical-align :middle;
    zoom:1;
    border:0px;
    border-radius:5px;
    font-size:17px;
    color : #fff !important;
    text-shadow : rgba(0,0,0,0.2) 0 -1px 0;
    box-shadow: rba(0,0,0,0.3) 0 1px 2px ,inset rgba(255,255,255,0.88) 0px 1px 3px -1px;
    background-color:#4589E3;
    transition :all 0.2s linear;
}

.cb
{
    margin-right :10px;
}

.quizz-container{
    width : 100%;
    height : 500px;
    overflow-y :scroll;
    background:#fff;
    border-radius : 5px;
}

links-cont
{
    margin-top : 10px;
    margin-left:40%;
}

.formats-container {
    padding-top : 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.f-container {
    background-image : url("https://farm9.staticflickr.com/8282/7821892612_1082b7eccc_b.jpg");
    background-size : cover;
    position : relative;
    width : 100%;
    height :400px;
    margin-right: auto;
    margin-left: auto;
    padding-left:30px;
    padding-right:30px;
   
}

.footer-container
{
    width : 100%;
    height : 100px;
}

